<template>
    <div class="fullScreen bg-c-wh">
        <m-header :msg="'订单'"></m-header>
        <div class="felx-f1">
            <div class="icon_win"></div>
            <div class="tx-c tx-s-14 tx-c-222">订单提交成功</div>
            <div class="flex-box flex-pa btn">
                <div class="cancel-btn-s" @click="toMyRecord">查看购彩记录</div>
                <div class="submit-btn-s" @click="back">继续购彩</div>
            </div> 
        </div>
    </div>
</template>
<script type="text/ecmascript-6">
import 'common/css/user.css'
import MHeader from '../../components/m-header'
export default {
    methods : {
        toMyRecord () {
            this.$router.replace('/myRecord')
        },
        back () {
            this.$router.go(-1)
        }
    },
    components: {
        MHeader
    }
}
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
    .btn
        padding : 3rem .5rem 0 .5rem
</style>